//公共样式
.choice_movie_oa{
  a{
    display:inline-block;
    text-align:left;
    line-height:50px;
    color:#ffc822;
    text-decoration:none;
    text-shadow:none;
  }
}
//头部的样式
.choice-header{
  width:100%;
  height:50px;
  background-color:#000;
  padding:0 10%;
  div:nth-child(1){
    width:10%;
    height:50px;
    float:left;
    .choice_movie_oa;
    a{
      height:50px;
      font-size:30px;
    }
  }
  div:nth-child(2){
    float:left;
    width:90%;
    height:50px;
    .choice_movie_oa;
    a{
      height:50px;
      width:68%;
      font-size:18px;
      text-align: center;
    }
  }
}

//主题部分
//去除样式
.ui-header, .ui-footer {
  border-width: 0px;
  border-style: solid;
  position: relative;
}
*{
  margin:0px;
  padding:0px;
  text-shadow: none;
  box-shadow: none;
}
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a{
  text-decoration: none;
  color:#646464;
  font-weight: normal;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited{
  color:#646464;
  font-weight: normal;
}
html{
  font-family: ΢   ź ;
}
//主题部分下面的搜索框
@color1Yellow:#FDC822;
@colorBackground:#151D2A;
.borderd(@borderWidth:1px,@color:black){
  border:@borderWidth solid @color;
}
.borderRadius(@Width){
  -webkit-border-radius: @Width;
  -ms-border-radius: @Width;
  -moz-border-radius: @Width;
  -o-border-radius: @Width;
}
.ui-input-text, .ui-body-inherit, .ui-corner-all, .ui-shadow-inset{
  text-shadow: none;
  //border:none;
  background-color: white;
  outline: none;
  box-shadow: none;
  width: 70%;
  height: 30px;
  vertical-align: middle;
  float: left;
  .borderd(1px,9F9F9F );
  padding:6.4px;
}

//搜索框---电影院
.ui-content{
  width:100%;
  padding:0;
  background-color:#f5f5f5;
  .MyInput{
        width:100%;
        padding:0 8%;
        input{
          text-shadow: none;
          background-color: white;
          outline: none;
          box-shadow: none;
          width: 80%
        height: 30px;
          vertical-align: middle;
          .borderd(1px,9F9F9F );
        }
        label{
          padding-top:10px;
          .borderd(1px,9F9F9F );
          display: inline-block;
          width: 50px;
          height: 40px;
          color:#919191;
          line-height: 40px;
          border-left: none;
          text-align: center;
          vertical-align: middle;
          margin: 0px;
        }
      }
  //距离和口碑
  .praise_distance{
    width:100%;
    margin-top:2.2%;
    a:hover{
      color:#444;
    }
    .praise{
      width:100%;
      height:50px;
      div{
        float:left;
      }
      div:nth-child(1), div:nth-child(2){
        width:50%;
        text-align:center;
        color:#fff;
        height:48px;
        background-color:#ffc822;
        line-height:48px;
      }
      div:nth-child(2){
        height:48px;
        line-height:48px;
        color:#ffc822;
        background-color:#fff;
        border-top:1px solid #ffc822;
        border-bottom:1px solid #ffc822;
      }
    }
    .movie_name{
      background-color:#fff;
      width:100%;
      margin-top:3%;
      margin-bottom:3%;
      height:90px;
      padding:3% 3%;

      div{
        float:left;
      }
      .movie_position{
        width:10%;
        height:90px;
        text-align:center;
        line-height:90px;
      }
      //下面的五个星星的信息
      .movie_info_text{
        //background-color:red;
        margin-left:2%;
        width:85%;
        height:90px;
        //第一行的电影院名字
        div:nth-child(1){
          margin-bottom:10px;
          width:100%;
          //background-color:yellow;
          p{
            float:left;
            width:82%;
            //background-color:#B952C5;
          }
          span{
            display:inline-block;
            width:18%;
            float:left;
            //background-color:#00a398;
          }
        }
        //第二行的电影院的地址
        div:nth-child(2){
          width:70%;
          //height:38px;
          font-size:14px;
          margin-bottom:10px;
          //background-color:#46b8da;
          span{
            color:#909090;
          }
        }
        //第三行的五个星星
        div:nth-child(3){
          //background-color:red;
          width:100%;
          img{
            width:16px;
            height:16px;
          }
        }
      }
    }
  }
}


